.layui-layout-admin .layui-body .body-content {min-height: initial;margin: 0;background: #fff;padding: 0;}

#diyView {position: relative;background: #f7f8fa;padding: 20px 0 0;visibility: hidden;/*min-width: 1300px;*/}

#diyView .layui-form-label.sm{width: 90px;font-size: 13px;}
#diyView .layui-form-label.sm + .layui-input-block{margin-left: 100px;}
.footer{display:none;}

.template-edit-title {border-bottom: 5px solid #f6f7f9;}
.template-edit-title:last-of-type{border-bottom: none;}
.template-edit-title h3 {font-size: 14px;padding: 10px;color: #303133;}
.diy-word-aux {margin-left: 95px;display: block;margin-top: 5px;color: #B2B2B2;font-size: 12px;line-height: 1.6;}

.layui-input-block {line-height: 34px;min-height: 34px;}

/* 链接地址 */
.layui-input-block span.sm {display: flex;line-height: 34px;cursor: pointer;}
.layui-input-block span.sm span {display: inline-block;max-width: 130px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.layui-input-block span.sm i {margin-left: 5px;font-size: 12px;color: #818181;}

.custom-save {text-align: center;background: #fff;padding: 15px 400px 15px 0;}

.preview-wrap {overflow: auto;margin-right: 378px;}
.preview-wrap .diy-view-wrap {width: 375px;background-repeat: no-repeat;background-position-y: 64px;background-size: 100%;margin: 0 auto 20px;border:2px solid #f0f1f3;}
.preview-wrap .diy-view-wrap .preview-head {height: 64px;width: 375px;color: rgb(51, 51, 51); text-align: left;background: url(../img/preview_head.png) rgb(255, 255, 255) no-repeat 50%/cover;font-size: 14px;}
.preview-wrap .diy-view-wrap .preview-head span {display: block;padding: 0 15px;height: 100%;line-height: 87px;}
.preview-wrap .diy-view-wrap .preview-block {min-height: 400px;}

/*预览*/
.preview-draggable img{max-width: 100%;}

/*右侧编辑栏*/
.edit-attribute{position: absolute;top: 0;right: 0;background: #ffffff;border-top: 1px solid #f7f8fa;width: 370px;padding: 10px;z-index: 1;overflow: hidden;}
.edit-attribute .attr-wrap {width: 350px;overflow-x: hidden;overflow-y: auto;height: 600px;}
.edit-attribute .attr-wrap .layui-form-label {color: #666 !important;}
.edit-attribute .attr-wrap .attr-title {padding: 10px 0 15px 10px;border-bottom: 2px solid #f2f4f6;margin-bottom: 10px;color: #303133;display: flex;justify-content: space-between;align-items: center;}
.edit-attribute .attr-wrap .attr-title .title{font-size: 18px;}

.edit-attribute .attr-wrap .layui-form input[type=radio] {display: inline-block;opacity: 0;position: absolute;top: 10px;width: 60px;height: 20px;cursor: pointer;}
.layui-btn.layui-btn-primary.sm {margin-top: 5px;padding: 5px 10px !important;height: auto;font-size: 12px;border-radius: 0;vertical-align: baseline;line-height: 1}

.layui-layer-page .layui-layer-content {overflow: auto !important;}

/* 超出单行影藏 */
.using-hidden {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
/* 超出两行影藏 */
.multi-hidden {overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}

.layui-form-switch{margin-top: 0;}

.goods-recommend-title{text-align: center;margin: 20px 0;}
.goods-recommend-title span{position: relative;}
.goods-recommend-title span::before,.goods-recommend-title span::after {content: " ";width: 40px;border-top: 1px solid #969696;position: absolute;top: 50%;transform: translateY(-50%);}
.goods-recommend-title span::before{left: 0;transform: translateX(-130%);}
.goods-recommend-title span::after {right: 0;transform: translateX(130%);}

.goods-list{background: #fff;}
.goods-list .goods-item {line-height: 1;}
.goods-list .goods-item .sale {align-self: flex-end;font-size: 12px;}
.goods-list .goods-item .info-wrap .goods-name{margin-bottom: 5px;font-size: 14px;line-height: 1.3;}
.goods-list .goods-item .info-wrap .tag-wrap {margin-bottom: 10px;}
.goods-list .goods-item .info-wrap .tag-wrap text{display: inline-block;font-size: 9px;}
.goods-list .goods-item .info-wrap .tag-wrap .hollow-tag{border: 1px solid;border-radius: 2px;margin-right: 5px;box-sizing: border-box;line-height: 1.2;padding: 1px 2px 0;max-width: 100%;}
.goods-list .goods-item .shopping-cart-btn{font-size: 18px;border: 1px solid;border-radius: 50%;padding: 5px;}
.goods-list .goods-item .plus-sign-btn{font-size: 18px;border: 1px solid;border-radius: 50%;padding: 5px;}
.goods-list .goods-item .buy-btn{color: #fff;font-size: 12px;height: 26px;line-height: 26px;min-width: 56px;text-align: center;}
.goods-list .goods-item .price-wrap{font-size: 0;}
.goods-list .goods-item .icon-diy{font-size: 40px;}


.goods-list.row1-of2{display: flex;flex-wrap: wrap;}
.goods-list.row1-of2 .goods-item{overflow: hidden;margin-right: 10px;margin-top: 10px;width: calc(50% - 5px);display: flex;flex-direction: column;box-sizing: border-box;}
.goods-list.row1-of2 .goods-item:nth-child(2n){margin-right: 0;}
.goods-list.row1-of2 .goods-item:nth-of-type(1), .goods-list.row1-of2 .goods-item:nth-of-type(2){margin-top: 0;}
.goods-list.row1-of2 .goods-item .goods-img{width: calc(100% + 2px);height: 160px;text-align: center;}
.goods-list.row1-of2 .goods-item .goods-img img{width: 100%;height: 100%;}
.goods-list.row1-of2 .goods-item .info-wrap{display: flex;flex-direction: column;flex: 1;padding: 10px;}
.goods-list.row1-of2 .goods-item .info-wrap .pro-info{margin-top: auto;display: flex;justify-content: space-between;}
.goods-list.row1-of2 .goods-item .info-wrap .pro-info .discount-price .price-wrap .unit{font-size: 12px;font-weight: bold;}
.goods-list.row1-of2 .goods-item .info-wrap .pro-info .discount-price .price-wrap .price{font-size: 16px;font-weight: bold;}
.goods-list.row1-of2 .goods-item .info-wrap .pro-info .delete-price{text-decoration: line-through;flex: 1;line-height: 14px;font-size: 12px;}


.goods-list.row1-of2.style-1 .pro-info{position: relative;}
.goods-list.row1-of2.style-1 .pro-info .discount-price .price-wrap{display: inline-block;}
.goods-list.row1-of2.style-1 .pro-info .discount-price .delete-price{display: inline-block;margin-left: 5px;}
.goods-list.row1-of2.style-1 .pro-info .sale{margin-top: 5px;}
.goods-list.row1-of2.style-1 .pro-info .add-cart{display: none;text-align: center;box-sizing: border-box;color: #fff;border-radius: 25px;font-size: 12px;padding: 6px 15px;position: absolute;right: 0;}

.selected-style {cursor: pointer;}
.selected-style i {font-size: 12px;line-height: 34px;color: #818181;margin-left: 5px;}

.js-diy-select-goods{display: none;}